<template>
  <div
    class="tw-isolate tw-flex -tw-space-x-1 tw-overflow-hidden tw-justify-center">
    <img
      class="tw-relative tw-z-30 tw-inline-block tw-h-8 tw-w-8 tw-rounded-full tw-ring-2 tw-ring-white"
      src="https://images.unsplash.com/photo-1491528323818-fdd1faba62cc?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
      alt="" />
    <img
      class="tw-relative tw-z-20 tw-inline-block tw-h-8 tw-w-8 tw-rounded-full tw-ring-2 tw-ring-white"
      src="https://images.unsplash.com/photo-1550525811-e5869dd03032?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
      alt="" />
    <img
      class="tw-relative tw-z-10 tw-inline-block tw-h-8 tw-w-8 tw-rounded-full tw-ring-2 tw-ring-white"
      src="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2.25&w=256&h=256&q=80"
      alt="" />
    <img
      class="tw-relative tw-z-0 tw-inline-block tw-h-8 tw-w-8 tw-rounded-full tw-ring-2 tw-ring-white"
      src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
      alt="" />
  </div>
</template>
<script>
import { defineComponent } from "vue";

export default defineComponent({
  setup() {
    return {};
  },
});
</script>
